<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		diV{
			width: 100px;
			height: 100px;
			background: red;
			animation: a 3s 5 linear;
		}

		@keyframes a{
			0%{
			transform: translate(0px, 0px);
			}25%{
			transform: translate(100px, 100px);
			}50%{
			transform: translate(200px, 0px);
			}75%{
			transform: translate(300px, 100px);
			}100%{
			transform: translate(400px, 0px);
			}
		}

	</style>
</head>
<body>
	<div></div>
</body>
</html>